body {
  font-family: Helvetica;
  margin:0;
  padding:0;
}

.header {
  text-align:left;
  display: inline;
  max-width:100vw;
  background: #E6E6E6;  
  height:10.5em;  
}

.header img {
  margin-top: 2%;
  margin-left: 60%;       
  width: 25%;   
}

@media (min-width: 1280.1px) {
   .header img { width: 31.5%; margin-left: 50%; } 
   #alternativesloganwrapper p { display: none; }
          
}


@media (min-width: 1026.1px) and (max-width: 1280px) {
    .header img { width: 33%; margin-left: 50%; } 
    #alternativesloganwrapper p { display: none; }
    
        
}


@media (min-width: 960.1px) and (max-width: 1026px) {
    .header img { width: 40%; margin-left: 45%; }
    #sloganwrapper p { display: none; }
    
           
}


@media (min-width: 900.1px) and (max-width: 960px) {    
    .header img { width: 44%; margin-left: 40%; margin-top: -2%; } 
    #logowrapper p { font-size: 350% }
    #logosloganwrapper p { font-size: 96%; }
    #sloganwrapper p { display: none; }
    
                                            
}


@media (min-width: 768.1px) and (max-width: 900px) {    
    .header img { display: none } 
    #logowrapper p { font-size: 350%; }
    #logosloganwrapper p { font-size: 96%; }
    #sloganwrapper p { display: none; }
    
    
}


@media (max-width: 768px) {    
    .header img { display: none } 
    #logowrapper p { font-size: 350%; }
    #sloganwrapper p { display: none; }
    
                                                
}


#logo {
  font-size: 400%;
  color: #2E9AFE;  
  padding-top: 3%;
  padding-bottom: -1.1em;
  margin-left: 8%;
  margin-bottom: 0%;
  line-height: 120%;
  overflow:hidden;   
}


#logo_slogan {
  font-size:110%;
  color:#000000;
  margin-left: 9%;
  margin-bottom: 4%;  
  overflow: hidden;   
}


#slogan {
  font-size: 1.4vw;
  color: #000000;
  padding-top: 5%;  
  line-height: 350%;
  overflow: hidden;
}


#alternativeslogan {
  text-align: center;
  font-size: 100%;
  border-bottom: 1px solid #000;
}



.menu {
  background-color: #2E2E2E;        /* Hintergrundfarbe für die Navigation */
  padding: 0.25% 0;                   /* Innenabstand: oben/unten 4px, li/re 0 */
  border-top: 1px solid #000;    /* Rahmenlinie oben */
  border-bottom: 1px solid #000; /* Rahmenlinie unten */
  margin: 0;                     /* Keinen Außenabstand */
}

.menu li {
  display: inline;            /* Listenelemente nebeneinander */
  list-style-type: none;      /* Aufzählungszeichen entfernen */     
}


.menu ul {
  text-align:left;
  margin-top:10px;
}

.menu li a {
  color: #EFEDED;
  padding-right: 2%;  
  text-decoration: none;    /* Kein Unterstrich bei den Navigationspunkten */ 
}

nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .3s;     /* Hover-Effekt (Transition) bei Navigationspünkten */ 
}

nav ul li a:hover {        /* Hover-Effekt (Farbe) bei Navigationspünkten */ 
  color: #2E9AFE;
}

.text-content-start {
  text-align:center;
  margin-top: 1%;  	
}

.text-content {
  text-align:justify;
  margin-top: 1%;
  margin-left: 2%;  	
}

.text-content ul li {
  margin-bottom: 1em;
}






.site-footer
{
  background-color: #2E2E2E;        /* Hintergrundfarbe für den Footer */
  padding: 0.25% 0;                   /* Innenabstand: oben/unten 0.25%, li/re 0 */
  border-top: 1px solid #000;    /* Rahmenlinie oben */
  border-bottom: 1px solid #000; /* Rahmenlinie unten */
  margin: 0;                     /* Keinen Außenabstand */
  color:#EFEDED;                 /* Textfarbe */
}




.footer-content
{
  list-style:none;
}

.footer-content li
{
  display:block;  
}

.footer-content li a
{
  color:#EFEDED;
}

.footer-content a:active,.footer-content a:focus,.footer-content a:hover
{
  color:#2E9AFE;
  text-decoration:none;
}

.footer-content.inline li
{
  display:inline-block
}